import React, {Component} from 'react'
import {Dimensions, StyleSheet, View} from 'react-native'
import NavBar, {NavTitle} from 'react-native-nav'
import ChatList from './components/ChatList'
import {connect} from "react-redux";

const {height, width} = Dimensions.get('window');

class News extends Component {
    render() {
        return (
            <View style={{flex: 1}}>
                <NavBar style={styles} statusBar={{backgroundColor: 'rgba(0, 0, 0, 0)'}}>
                    <NavTitle style={styles.title}>
                        {"消息"}
                    </NavTitle>
                </NavBar>
                <ChatList/>
            </View>
        )
    }
}

const styles = StyleSheet.create({
    statusBar: {
        backgroundColor: '#fff',
    },
    navBar: {
        backgroundColor: '#fff',
        height: height * 0.081939799,
    },
    title: {
        flex: 1,
        textAlign: 'center',
        color: '#rgba(0, 0, 0, 0.65)',
    },
    buttonText: {
        color: '#rgba(0, 0, 0, 0.45)',
    },
})


export default connect(
    (state) => {
        return {}
    }
)(News)

